import React from 'react'
import { Navigate, useLocation } from 'react-router-dom'
// import { useAuth } from '../AuthProvider' // 引入验证上下文
import Cookies from 'js-cookie';

export default function RequireAuth ({ children }) {
  // let auth = useAuth() // 获取验证对象
  let location = useLocation() // 获取URL参数
  const token = Cookies.get('token')
  if (!token) {
    // 未登入，使用Navigate组件重定向到登录页，传入state属性以保存当前URL位置信息
    return <Navigate to='/login' state={{ from: location }} replace />
  }

  return children // 验证通过，返回插槽内容，例如： ProtectedPage 页面(显示页面)
}
